
    {% extends 'base_product.html' %}
{% block body %}
<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
    <div class="col-md-5 p-lg-5 mx-auto my-5">
      <h1 class="display-4 fw-normal">Python-2022</h1>
      <p class="lead fw-normal">前修课程：网页设计制作、HTTP</p>
         <p class="lead fw-normal">Python期末项目</p>
         <p class="lead fw-normal">制作人：林雨晴</p>
      <a class="btn btn-outline-secondary" href="{{ url_for('entry_page') }}">元音字母</a>
    </div>
    <div class="product-device shadow-sm d-none d-md-block"></div>
    <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
  </div>
    <div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
    <div class="text-bg-dark me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
      <div class="my-3 py-3">
        <h2 class="display-5">购物车小项目</h2>
        <p class="lead">[List实践]购买商品的Python学习项目</p>
      </div>
      <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
    </div>
    <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
      <div class="my-3 p-3">
        <h2 class="display-5">猜数字小项目</h2>
        <p class="lead">[控制流]1-100猜数字小游戏学习项目</p>
      </div>
      <div class="bg-dark shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
    </div>
  </div>
    <div class="row mb-2">
    <div class="col-md-6">
      <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
        <div class="col p-4 d-flex flex-column position-static">
          <strong class="d-inline-block mb-2 text-primary">Python</strong>
          <h3 class="mb-0">计算机编程语言</h3>
          <div class="mb-1 text-muted">Dec 12</div>
          <p class="card-text mb-auto">Python由荷兰数学和计算机科学研究学会的吉多·范罗苏姆于1990年代初设计，作为一门叫做ABC语言的替代品，Python提供了高效的高级数据结构，还能简单有效地面向对象编程。</p>
          <a href="#" class="stretched-link">继续阅读</a>
        </div>
        <div class="col-auto d-none d-lg-block">
          <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false" _mstaria-label="29338907"><title _mstHash="1337063">Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em" _mstHash="1755052">Thumbnail</text></svg>

        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
        <div class="col p-4 d-flex flex-column position-static">
          <strong class="d-inline-block mb-2 text-success">Java</strong>
          <h3 class="mb-0">计算机编程语言</h3>
          <div class="mb-1 text-muted">Dec 11</div>
          <p class="mb-auto">Java是Sun微系统公司在1995年推出的，推出之后马上给互联网的交互式应用带来了新面貌。最常用的两种互联网浏览器软件中都包括一个Java虚拟机。几乎所有的操作系统中都增添了Java编译程序。</p>
          <a href="#" class="stretched-link">继续阅读</a>
        </div>
        <div class="col-auto d-none d-lg-block">
          <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false" _mstaria-label="29338907"><title _mstHash="1337440">Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em" _mstHash="1755520">Thumbnail</text></svg>

        </div>
      </div>
    </div>
  </div>
    <hr class="featurette-divider">
    <div class="row align-items-md-stretch">
      <div class="col-md-6">
        <div class="h-100 p-5 text-bg-dark rounded-3">
          <h2>项目示例</h2>
          <p>Python制作的一些示例项目，仅供参考</p>
          <button class="btn btn-outline-light" type="button">示例按钮</button>
        </div>
      </div>
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light border rounded-3">
          <h2>项目展示</h2>
          <p>全球编程大佬所制作的Python项目，仅供参考</p>
          <button class="btn btn-outline-secondary" type="button">展示按钮</button>
        </div>
      </div>
    </div>
<hr class="featurette-divider">
    {% endblock %}




